/********************************      Basic Structure      ********************************/

html {
				height: 100%;
    			min-height: 100%;
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

body {
				height: 100%;
    			min-height: 100%;
               	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
                color: #363636;     
                font-size: 13px;
                }

/********************************      Link styling      ********************************/
a           { color: #C9CBCD; text-decoration: none; }
a:hover     { color: #8C8C8C; text-decoration: none; }
a:active    { color: #8C8C8C; }
a:focus     { outline: 1px; }

/********************************      Heading styling      ********************************/
h1,h2,h3,h4,h5,h6{color:#6C6C6C;}
/********************************      Layout styling      ********************************/
#wrapper{width:960px; margin:0 auto;}
#header{border-bottom:solid 1px #C9CBCD; padding:20px 0 0; position:relative;}


#logo h1{width:222px;height:29px;background: url(../images/logo.png) top left no-repeat; margin:0 0 0 5px; padding:0 0 5px;}
#logo h1 span{display:none;}

#menu{position:absolute; bottom:5px; right:10px;}
#menu ul{}
#menu ul li{display:inline; font-size:20px; margin:0 0 0 5px;}
#menu ul li a{}
#menu ul li a:hover,#menu ul li.active a{text-decoration:none; color: #8C8C8C;}

#feature{background: url(../images/feature.gif) top left repeat-x; height:192px;border-bottom:solid 1px #C9CBCD; position:relative;}
#feature div{width:960px;height:170px; background: url(../images/feature.jpg) top left repeat-x; position:absolute; left:0px; top:17px;}
#content{padding:5px 0;}
#content h1{font-size:25px;}
#main{width:675px;margin:0 0 0 10px; float:left;}
#sidebar{width:255px; margin:0 0 0 10px;float:left;}
#sidebar ul{}
#sidebar ul li{ padding:7px 10px; line-height:18px; border-bottom:dashed 1px #CCC;}
#sidebar ul li.odd{background:#f9f9f9;}
#sidebar ul li a{color:#8C8C8C;}
.post{font-size:14px; color: #6C6C6C; line-height:20px;  margin:0 0 15px; }
.post p{padding:10px 0; text-indent:5%;}
.post img{padding:2px; border:solid 1px #CCC; display:none;}
.post p.txtcenter{text-align:center; padding:0 0 20px;}
.post p.refer{color:#CCC;}
.txtcenter img{margin:15px 0 0 0;}
.home .box img{padding:2px; border:solid 1px #CCC; float:left; margin:0 5px 5px 0; width:100px; height:100px; background:url(../images/img-load.gif) center center no-repeat;}
.home .box li{border-bottom:dashed 1px #CCC; padding:12px 7px 7px; position:relative;}
#content .home .box li h1{font-size:18px; font-weight:normal; line-height:22px;}
.home .box li.odd{background:#f9f9f9;}
#content .pagination{padding:10px 0;}
#content .pagination .current {
	border: 1px solid #8C8C8C;
	background-color: #8C8C8C;
	color: #FFF;
}
#content .pagination a {
	color: #8C8C8C;
}
#load{border:solid 1px #C9CBCD;margin:10px; background:#F4F4F4;}
#load div{background:#C9CBCD; width:1%; height:10px;}

.navigator a{color:#8C8C8C;}
.navigator .next{float:left; display:block; padding:4px 6px;}
.navigator .prev{float:right; display:block; padding:4px 6px;}
.album .box li img{width:100px;height:100px; padding:2px; border:solid 1px #CCC; margin:0 10px 10px 10px;}
.album .box li .cover{text-align:center; float:left; width:120px;}
.album .box li .detail{float:left; width:500px;}
.album .box li{border-bottom:dashed 1px #CCC; padding:12px 7px 7px;}
.album .box li table th{padding:5px; width:100px; text-align:right;}
.album .box li table td.playlist{line-height:20px;}
a.download {color:#484848; text-decoration:underline;}
.search{text-align:center;}

.calendar_icon{width:74px;height:97px; display:block; position:absolute; top:10px; left:-65px; background:url(../images/calendar.png) top left no-repeat; line-height:90px; color:#666; font-size:26px;}
.calendar_icon span{color:#FFF; font-size:14pt; padding:0 3px 0 0; font-weight:bold;}
.calendar_icon div{padding:0 0 0 10px;}
